<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>圣罗兰限量纯色口红套装3.8g*3 - 海外直采,国内物流,海外价格,飞一般的免税店体验</title>
  <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/payment.css">
  <script src="./js/jquery-3.3.1.js"></script>
  <!-- <script src="./js/index.js"></script> -->
  <script src="./js/payment.js"></script>
  <script src="./common.js"></script>

</head>

<body>
  <!-- 顶部导航 -->
  <div class="nav-top">
    <div class="common">
      <!-- 顶部导航的左边部分 -->
      <div class="nav-top-left">
        <img src="./image/payment-nav-logo.png" alt="">
        <ul class="ul1">
          <li><a href="#">限时特卖</a></li>
          <li><a href="#">美妆商城</a></li>
          <li><a href="#">极速免税店</a></li>
          <li><a href="#">手机聚美</a></li>
          <li class="last-li">
            <a href="#">正品保证</a>
            <i class="arrow"></i>
            <!-- 正品保障的下拉 -->
            <div class="menu1">
              <ul>
                <li> <a href="#">真品联盟</a> </li>
                <li> <a href="#">正品鉴定</a> </li>
                <li> <a href="#">常见问题</a> </li>
                <li> <a href="#">退货政策</a> </li>
                <li> <a href="#"> 帮助中心</a></li>
              </ul>
            </div>
          </li>
        </ul>
      </div>
      <!-- 顶部导航的右边部分 -->
      <div class="nav-top-right">

        <ul class="ul2">
          <li>
            欢迎您,&nbsp;&nbsp;<span>赵恒</span> <a href="#">[退出]</a></li>
          <li><a href="#">订单查询</a></li>
          <li class="my-jumei">
            <a href="#">我的聚美</a>
            <span class="arrow_a">
              <span class="arrow_b"></span>
            </span>
            <div class="menu2">

              <ul>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">我的现金券</a></li>
                <li><a href="#">我的红包</a></li>
                <li><a href="#">我的余额</a></li>
                <li><a href="#">我的提现退款</a></li>
                <li><a href="#">我的收藏</a></li>
                <li><a href="#">我的心愿单</a></li>
                <li><a href="#">会员中心</a></li>
                <li><a href="#">礼品卡兑换</a></li>
              </ul>
            </div>
          </li>
          <li class="more">
            <a href="#">更多</a>
            <i class="arrow"></i>

            <div class="menu3">
              <span class="arrow_a">
                <span class="arrow_b"></span>
              </span>
              <ul>
                <li><a href="">邀请好友</a></li>
                <li><a href="">加入收藏</a></li>
                <li><a href="">新浪微博</a></li>
                <li><a href="">聚美微信</a></li>
                <li><a href="">腾讯微博</a></li>
                <li><a href="">人人公众主页</a></li>
              </ul>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 侧边栏 -->
  <div class="right-side">
    <span class="username">
      <div class="hellow">
        <a href="#" class="close"></a>
        <img src="./image/username-smallpic.jpg" alt="" class="smallpic">

        <span class="word">你好! 请 <a href="./login.html">登录&nbsp;</a>|<a href="./register.html">&nbsp;注册</a></span>
        <div class="hellowdown">
          <input type="button" value="我的订单" class="myorder">
          <input type="button" value="我的收藏" class="mystore">
        </div>
      </div>
    </span>
    <a href="#" class="shop-car">
      <s></s>
      <span>
        购
        物
        车</span>
      <i>0</i>
    </a>
    <a href="#" class="monery">
      <i class="myMonery">
        <i class="myMonery1">我的财产</i>
      </i>
      <i class="myWish">
        <i class="myMonery1">我的心愿单</i>
      </i>
      <i class="myLook">
        <i class="myMonery1">我看过的</i>
      </i>
    </a>
    <a href="#" class="code">
      <i class="jm-code">
        <span class="erweima">
          <img src="./image/code-erweima.png" alt="">
        </span>
      </i>
      <i class="myService">
        <i class="myMonery1">客服中心</i>
      </i>
      <i class="top">
        <i class="myMonery1">返回顶部</i>
      </i>
    </a>
  </div>

  <!-- 购物车部分 -->
  <div class="shop">
    <div class="common">
      <a href="#">
        <img src="./image/payment-shop-logo.png" alt="" class="logo">


      </a>
      <div class="shop-pay">
        <a href="#">去购物车结算</a>
        <!-- 购物车为空 -->
        <div class="shop-pay-box">
          <a href="">

          </a>
          <span>
            购物车中还没有商品，
            <br>
            <br>

            快去挑选心爱的商品吧！
          </span>
        </div>
      </div>
    </div>
  </div>

  <!-- nav-banner部分 -->
  <div class="nav-banner">
    <div class="common">
      <ul>
        <li><a href="#">聚美极速免税店&nbsp;></a></li>
        <li><a href="#">彩妆&nbsp;></a></li>
        <li><a href="#">唇部&nbsp;></a></li>
        <li><a href="#">唇膏&nbsp;></a></li>
        <li>意大利•阿玛尼（Armani）明星唇部彩妆经典两只装（柔润红唇膏502+臻致丝绒哑光唇釉504）</li>
      </ul>

    </div>
  </div>

  <!-- nav-top-car部分 -->
  <div class="nav-top-car">
    <div class="common">
      <ul>
        <li><a href="#name" class="current3">商品信息</a></li>
        <li><a href="#product">商品详情</a></li>
        <li><a href="#method">使用方法</a></li>
        <li><a href="#Auction">商品实拍</a></li>
        <li><a href="#about">关于极速免税店</a></li>
      </ul>
      <div class="nav-top-car-right">
        <span>¥480</span>
        <span>加入购物车</span>
      </div>
    </div>
  </div>
  <!-- 商品 -->
  <div class="commodity">
    <div class="common">
      <!-- 商品部分-上边 -->
      <div class="commodity-top">
        <div class="commodity-top-left">
          <!-- 放大镜 -->
          <div class="obox">
            <div class="small">
              <!--小层-->
              <img src="./image/commodity-top-small.jpg" width="350" alt="" />
              <div class="mask"></div>
              <!--遮挡层-->
            </div>
            <!--小图-->
            <div class="big">
              <!--大层-->
              <img src="./image/commodity-top-big.jpg" width="800" alt="" />
              <!--大图-->
            </div>
            <!--大图-->

          </div>

          <!-- 分享 -->
          <div class="share">
            <a href="#" style="color:#949494">分享到></a>
          </div>
        </div>
        <!-- 商品上边的-文字 -->
        <div class="commodity-top-word">

          <!-- 顶部 -->
          <div class="commodity-top-word-top">
            <!-- 左边的标题 -->
            <div class="title-value">
              <p>阿玛尼明星唇部彩妆经典两只装</p>
              <p>阿玛尼（Armani）</p>
            </div>
            <!-- 右边的logo -->
            <div class="logo">
              <img src="./image/commodity-top-word-top-logo.jpg" alt="">
              <span class="one">Italy</span>
              <span class="two">意大利品牌</span>
            </div>
          </div>

          <!-- 商品文字介绍 -->
          <div class="commodity-top-word-introduce">
            <p>
              阿玛尼（Armani）明星唇部彩妆经典两只装（柔润红唇膏502+臻致丝绒哑光唇釉504），柔润红唇膏乳霜般的质地，羽毛般的轻薄，炫丽灿烂的颜色，点亮你的双唇，保湿滋润，持久亮泽。丝绒哑光唇釉瞬间令双唇立体丰满，感觉水润舒适，让唇瓣彷彿穿上Giorgio
              Armani丝绒华服！ </p>
          </div>

          <!-- 商品价格 -->
          <div class="commodity-top-word-prise">
            <!-- 商品价格的左边部分 -->
            <div class="commodity-top-word-prise-left">
              <b>¥</b> <span>480</span>
            </div>
            <a href="#">价格详情></a>
          </div>

          <!-- 服务政策 -->
          <div class="mail_policy">
            <p>服务政策：</p>
            <p>包邮政策：&nbsp;本商品满299元或2件包邮（新疆部分区域除外）</p>
          </div>

          <!-- 商品型号 -->
          <div class="commodity-top-word-Model">
            型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号:
            <span>502+504.3.8g+6.5ml</span>
          </div>

          <!-- 加入购物车 -->
          <div class="commodity-top-word-car">
            <span>加入购物车</span>
            <i></i>
          </div>
          <!-- 销量 -->
          <div class="commodity-top-word-Sales-volume">
            月销
            <span>5</span>
          </div>
        </div>

      </div>
      <!-- 商品部分-下边 -->
      <div class="commodity-bottom">
        <div class="list1 list-item1">
          <div class="one"></div>
          <div class="two"></div>
        </div>
        <div class="list1 list-item2">
          <div class="one"></div>
          <div class="two"></div>
        </div>
        <div class="list1 list-item3">
          <div class="one"></div>
          <div class="two"></div>
        </div>
        <div class="list1 list-item4" style="border-right:none">
          <div class="one"></div>
          <div class="two"></div>
        </div>
      </div>
    </div>
  </div>

  <!-- 商品所有信息 -->
  <div class="Commodity-information">
    <div class="common">
      <!-- 中间信息 -->
      <div class="information-box">
        <!-- 商品信息的导航栏 -->
        <div class="information-nav">
          <ul>
            <li><a href="#name">商品信息</a></li>
            <li><a href="#product">商品详情</a></li>
            <li><a href="#method">使用方法</a></li>
            <li><a href="#Auction">商品实拍</a></li>
            <li><a href="#about">关于极速免税店</a></li>
          </ul>
        </div>

        <!-- 商品信息 -->
        <div class="information-name" id="name">
          <!-- 空白 -->
          <div class="kongbai"></div>
          <div class="common">
            <!-- 商品信息的标题 -->
            <div class="information-name-title">
            </div>
            <!-- 商品信息的text -->
            <div class="information-name-text">
              <!-- 商品信息的text 左边 -->
              <div class="information-name-text-left">
                <ul>
                  <li> <b>商品名称：</b> <span>阿玛尼明星唇部彩妆经典两只装</span> </li>
                  <li> <b>商品型号：</b> <span>502+504，3.8g+6.5ml(702029045)；</span> </li>
                  <li> <b>品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;牌：</b> <span>阿玛尼（Armani ）</span> </li>
                  <li> <b>分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;类：</b> <span>唇膏</span> </li>
                  <li> <b>注意事项：</b> <span>因个人肤质不同，如有不适请立即停止使用。</span> </li>
                </ul>
              </div>
              <!-- 商品信息的text 右边 -->
              <div class="information-name-text-right">
                <img src="./image/commodity-top-small.jpg" alt="">
              </div>
            </div>
            <!-- 消费者告知书 -->
            <div class="information-name-pic">
              <img src="./image/information-name-bottom.jpg" alt="">
            </div>
          </div>
        </div>

        <!-- 商品详细 -->
        <div class="Commodity-product" id="product">
          <!-- 商品详细的标题 -->
          <div class="product-title">

          </div>
          <!-- 商品详细的content -->
          <div class="product-content">
            <img src="./image/product-content-1.jpg" alt="">
            <img src="./image/product-content-2.jpg" alt="">
            <img src="./image/product-content-3.jpg" alt="">
            <img src="./image/product-content-4.jpg" alt="">
            <img src="./image/product-content-5.jpg" alt="">
            <img src="./image/product-content-6.jpg" alt="">
            <img src="./image/product-content-7.jpg" alt="">
            <img src="./image/product-content-8.jpg" alt="">
            <img src="./image/product-content-9.jpg" alt="">
            <img src="./image/product-content-10.jpg" alt="">
          </div>

        </div>

        <!-- 使用方法 -->
        <div class="Commodity-method" id="method">
          <div class="method-title"></div>
          <p>本产品适宜存放在阴凉，干燥处，请尽量避免阳光直射，切勿倒置存放。</p>
        </div>

        <!-- 商品实拍 -->
        <div class="Commodity-Auction" id="Auction">
          <!-- 商品实拍 标题 -->
          <div class="Auction-title">

          </div>
          <!-- 商品content -->
          <div class="Auction-content">
            <img src="./image/Auction-content-1.jpg" alt="">
            <img src="./image/Auction-content-2.jpg" alt="">
            <img src="./image/Auction-content-3.jpg" alt="">
            <img src="./image/Auction-content-4.jpg" alt="">
            <img src="./image/Auction-content-5.jpg" alt="">
            <img src="./image/Auction-content-6.jpg" alt="">
            <img src="./image/Auction-content-7.jpg" alt="">
            <img src="./image/Auction-content-8.jpg" alt="">
            <img src="./image/Auction-content-9.jpg" alt="">
            <img src="./image/Auction-content-10.jpg" alt="">
            <img src="./image/Auction-content-11.jpg" alt="">
            <img src="./image/Auction-content-12.jpg" alt="">
            <img src="./image/Auction-content-13.jpg" alt="">
            <img src="./image/Auction-content-14.jpg" alt="">
          </div>
          <!-- 关于划线价的说明 -->
          <div class="Auction-line">
            <img src="./image/Auction-line-bottom.png" alt="">
          </div>
        </div>

        <!-- 关于聚美急速免税店 -->
        <div class="Commodity-about" id="about">
          <div class="about-title"></div>
          <!-- 内容 -->
          <div class="about-content">
            <a href="#">
              <img src="./image/about-content-1.jpg" alt="">
            </a>
            <a href="#">
              <img src="./image/about-content-2.jpg" alt="">
            </a>
          </div>
        </div>

        <!-- 售后服务 -->
        <div class="Commodity-service">
          <div class="service-title">

          </div>
          <div class="service-content">
            <a href="#">
              <img src="./image/Commodity-service-1.jpg" alt="">
            </a>
          </div>
        </div>

        <!-- 常见问题 -->
        <div class="Commodity-problem">
          <div class="problem-title">

          </div>
          <div class="problem-content">
            点击查看+
          </div>
        </div>
      </div>


    </div>
  </div>

  <!-- 底部 -->
  <div class="bottom-lmk">
    <div class="bottom-font">
      <div class="bottom-font-body">
        <div class="bottom-font-body-ians">
          <h2>极速免税店保障</h2>
          <ul>
            <li><a href="" class="bottom-app-a">海外直邮</a> </li>
            <li><a href="" class="bottom-app-a">无忧保障</a></li>
            <li><a href="" class="bottom-app-a">营业执照</a></li>
          </ul>
        </div>

        <div class="bottom-hands">
          <h2 class="bottom-hands-help">新手帮助</h2>
          <ul>
            <li>
              <a href="" class="bottom-app-a">常见问题</a>
            </li>
            <li>
              <a href="" class="bottom-app-a">违规争议处理</a>
            </li>
          </ul>
        </div>



        <div class="bottom-hands">
          <h2 class="bottom-hands-help">相关条款</h2>
          <ul>
            <li> <a href="" class="bottom-app-a">极速免税招商</a></li>
            <li> <a href="" class="bottom-app-a">服务条款协议</a></li>
            <li> <a href="" class="bottom-app-a">用户服务协议</a></li>
          </ul>
        </div>



        <div class="bottom-service">
          <h2>客服联系方式</h2>
          <ul>
            <li>
              <span class="bottom-service-img"></span>
              400-123-8888
            </li>
            <li>
              <span class="bottom-service-img2"></span>
              点击咨询在线客服
            </li>
          </ul>

        </div>
        <p class="bottom-copy">
          Copyright 2017, 版权所有JUMEIGLOBAL.COM 客服电话：400-123-8888
        </p>
      </div>
    </div>
  </div>

</body>

</html>